<?php include('header.php'); ?>


  <!--Start Wrapper video-->
  <div id="wrap_video">

        <section class="wrap_video_top">
             <h2>Il tuo viaggio inizia qui</h2>
             <h3><span>Scopri l'Italia</span>: crea il tuo itinerario di viaggio attraverso i sapori, le tradizioni e la cultura di un paese sorprendente.</h3>
        </section> 

        <section class="wrap_video_bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="bs-component">
                            <ul class="nav nav-tabs" id="search_tabs">
                                <li><a href="#search_campi" data-toggle="tab" aria-expanded="false">Cerca per campi</a></li>
                                <li class="active"><a href="#search_nome" data-toggle="tab" aria-expanded="true">Cerca per nome</a></li>
                            </ul>

                            <div id="search_fields" class="tab-content">
                                <div class="tab-pane fade" id="search_campi">
                                    <form>
                                        <div class="btn-group bootstrap-select select_opt">
                                            <select class="selectpicker">
                                                <option>Nord Italia</option>
                                                <option>Centro Italia</option>
                                                <option>Sud Italia</option>
                                            </select>

                                        </div>
                    
                                        <div class="btn-group bootstrap-select select_opt ">

                                            <select class="selectpicker">
                                                <option>Categoria natura e relax</option>
                                                <option>Categoria</option>
                                                <option>Categoria</option>
                                                <option>Categoria</option>
                                                <option>Categoria</option>
                                                <option>Categoria</option>
                                            </select>

                                        </div>

                                        <span class="input-group-btn search_value">
                                            <input type="submit" class="btn btn-default" value="Cerca">
                                        </span>
                                    </form>

                                    <h3><span>Scopri l'Italia</span>: crea il tuo itinerario di viaggio attraverso i sapori, le tradizioni e la cultura di un paese sorprendente.</h3>

                                </div>

                                <div class="tab-pane fade active in" id="search_nome">
                                    <form>
                                      <span class="twitter-typeahead">
                                          <input type="text" class="form-control keyword" placeholder="Inserisci una parola chiave">
                                      </span>
                                      <span class="input-group-btn search_value">
                                          <input type="submit" class="btn btn-default" value="Cerca">
                                      </span>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
    </div> 
    <!--end Wrapper video-->


      <!--FINE CONTAINER PRINCIPALE-->
      <div class="container">

          <div class="row one">
          
              <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                  <article class="block medium">
                      <div style="background-image: url('http://traipler.com/wp-content/themes/traipler_v2/images/less/placeholder_1.png');">
                        <a href="http://www.traipler.com/">
                          <span>Iscriviti al seminario</span>
                        </a>
                      </div>
                  </article>
              </div>

              <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                  <article class="block medium">
                      <div style="background-image: url('http://traipler.com/wp-content/themes/traipler_v2/images/less/placeholder_2.png');">
                        <a href="http://www.traipler.com/">
                          <span>Scopri i finalisti del contest</span>
                        </a>
                      </div>
                  </article>
              </div>

          </div>


          <div class="row two">
      
             <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 center">
                <h2>Scegli la tua esperienza di viaggio</h2>
                <h4>Guarda i video realizzati dalla community dei videomaker Traipler.</h4>
             </div>
       
          </div>



          <div class="row three">
              
              <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                  
                  <div class="row">
                    
                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');" class="boxTraipler">
                                <a href="http://traipler.com/traiplers/roialto/">
                                  <span class="icon"></span>
                                  <div class="post_location">
                                      <span class="citta">Civitella Alfedena (AQ)</span>
                                      <span class="separator"></span>
                                  </div>
                                  <h2>Roialto</h2>
                                </a>
                                <i></i>
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO-->

                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');">
                                <a href="http://traipler.com/traiplers/roialto/">
                                    <div class="boxPlay icon-play-new"></div>
                                  
                                    <div class="cont-video">
                                        <span class="icon icon-natura-relax"></span>
                                        <div class="post_location">
                                            <span class="citta">Civitella Alfedena (AQ)</span>
                                            <span class="separator"></span>
                                        </div>
                                        <h2>Roialto Over</h2>
                                    </div>
                                </a>
                                
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO-->

                  </div>

                  <div class="row">
                    
                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');">
                                <a href="http://traipler.com/traiplers/roialto/">
                                  <span class="icon icon-natura-relax2"></span>
                                  <div class="post_location">
                                      <span class="citta">Civitella Alfedena (AQ)</span>
                                      <span class="separator"></span>
                                  </div>
                                  <h2>Roialto</h2>
                                </a>
                                <i></i>
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO--> 

                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');">
                                <a href="http://traipler.com/traiplers/roialto/">
                                  <span class="icon"></span>
                                  <div class="post_location">
                                      <span class="citta">Civitella Alfedena (AQ)</span>
                                      <span class="separator"></span>
                                  </div>
                                  <h2>Roialto</h2>
                                </a>
                                <i></i>
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO-->
                  
                  </div>

              </div>
          
              <!--BLOCCO LARGE MODIFICATO-->  
              <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                
                  <article class="block large">
                    <div style="background-image: url('http://traipler.com/wp-content/uploads/2014/02/itineraio-monferrato-1024x527.jpg');">
                      <a href="http://traipler.com/itinerario/monferrato/"><h2>Il Monferrato</h2></a>
                    </div>
                  </article>

              </div>  
              <!--FINE BLOCCO LARGE MODIFICATO-->   

        </div>

        <div class="row four">

              <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">

                  <div class="row">

                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');">
                                <a href="http://traipler.com/traiplers/roialto/">
                                  <span class="icon"></span>
                                  <div class="post_location">
                                      <span class="citta">Civitella Alfedena (AQ)</span>
                                      <span class="separator"></span>
                                  </div>
                                  <h2>Roialto</h2>
                                </a>
                                <i></i>
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO-->

                  </div>

                  <div class="row">

                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');">
                                <a href="http://traipler.com/traiplers/roialto/">
                                  <span class="icon"></span>
                                  <div class="post_location">
                                      <span class="citta">Civitella Alfedena (AQ)</span>
                                      <span class="separator"></span>
                                  </div>
                                  <h2>Roialto</h2>
                                </a>
                                <i></i>
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO-->

                  </div>
     
              </div>

              <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

                  <article class="block large">
                    <div style="background-image: url('http://traipler.com/wp-content/uploads/2014/02/itineraio-monferrato-1024x527.jpg');">
                      <a href="http://traipler.com/itinerario/monferrato/"><h2>Il Monferrato</h2></a>
                    </div>
                  </article>

              </div>

              <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">

                  <div class="row">

                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');">
                                <a href="http://traipler.com/traiplers/roialto/">
                                  <span class="icon"></span>
                                  <div class="post_location">
                                      <span class="citta">Civitella Alfedena (AQ)</span>
                                      <span class="separator"></span>
                                  </div>
                                  <h2>Roialto</h2>
                                </a>
                                <i></i>
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO-->

                  </div>

                  <div class="row">

                      <!--BLOCCO SMALL MODIFICATO-->
                      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                          <article class="block small doublespan">
                            <div style="background-image: url('http://traipler.com/wp-content/uploads/2013/05/roialto-thumb-300x168.jpg');">
                                <a href="http://traipler.com/traiplers/roialto/">
                                  <span class="icon"></span>
                                  <div class="post_location">
                                      <span class="citta">Civitella Alfedena (AQ)</span>
                                      <span class="separator"></span>
                                  </div>
                                  <h2>Roialto</h2>
                                </a>
                                <i></i>
                            </div>
                          </article>
                      </div>
                      <!--FINE BLOCCO SMALL MODIFICATO-->

                  </div>
     
              </div>
            
          </div>


          <div class="row five">

                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <article class="block large">
                        <div class="location" style="background-image: url('http://traipler.com/wp-content/uploads/2014/02/itineraio-monferrato-1024x527.jpg');">
                            <a href="http://traipler.com/itinerario/monferrato/"></a>
                            <div class="place">
                                <img alt="" src="http://www.traipler.com/wp-content/themes/traipler_v2/images/regioni/region_piemonte.png">
                            </div>
                            <h2>
                                Il Monferrato
                                <span>Piemonte</span>
                            </h2>
                        </div>
                    </article>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                  <article class="block large">
                    <div style="background-image: url('http://traipler.com/wp-content/uploads/2014/02/itineraio-monferrato-1024x527.jpg');">
                      <a href="http://traipler.com/itinerario/monferrato/"><h2>Il Monferrato</h2></a>
                    </div>
                  </article>
                </div>

          </div>


          <!-- CATEGORIE TRAIPLER-->
          <div class="row six">
              <div class="col-md-12 col-sm-12 col-sx-12 center">
                <h2>Scegli il Mood del tuo prossimo viaggio</h2>
              </div>
          </div>


          <div class="row seven">
          
            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-culturale"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->


            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-divertimento"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-spirituale"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-natura-relax"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-ricettivita"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-romantico"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-sagre-eventi"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-sport-avventura"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

            <!--BLOCCO SMALL CATEORY MODIFICATO-->
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
               <article class="block small category">
                    <div style='background-image:url("http://traipler.com/wp-content/uploads/2014/07/avventuroso-1024x396.jpg")'>
                        <a href="http://traipler.com/tipologia/culturale/" title="Culturale" description="Culturale">
                          <h2>Culturale</h2>
                          <div>
                            <span class="left icon-tipico-tradizionale"></span>
                              <span class="right">Traipler Culturale: i migliori video sugli eventi culturali più importanti. Filmati di mostre, spettacoli, concerti e tanto altro.</span>
                          </div>
                        </a>
                    </div>
                 </article>
            </div>
            <!--FINE BLOCCO SMALL CATEORY MODIFICATO-->

          </div><!-- end CATEGORIE TRAIPLER-->

      

      </div> 
      <!--FINE CONTAINER PRINCIPALE-->


      <?php include('footer.php'); ?>


      